<template>
<!-- 用$emit给子元素自定义事件，实现子元素给父元素传递数据 -->
<!-- 在子元素的方法里使用this.$emit()，第一个参数是自定义的父元素接收的方法类型 -->
 <!-- 第二个参数是传递的数据 -->
<h3>组件事件</h3>
<Child @someEvent="getHandle"/>
<p>父元素{{ message1 }}</p>
<p>父元素{{ message2 }}</p>
</template>

<script>
import Child from './Child.vue';
export default{
    data(){
        return{
            message1:"",
            message2:""
        }
    },
    components:{
        Child
    },
    methods:{
        getHandle(data1,data2){
            console.log("触发了",data1),
            this.message1 = data1,
            this.message2 = data2
        }
    }
}
</script>